<template>
    <div class="divider"></div>
</template>

<script setup lang="ts">
const mainRef = inject<HTMLElement>(MAINHEIGHT)
const { height } = useElementSize(mainRef)
const dividerHeight = computed(() => height?.value - 30 + 'px')
</script>

<style lang="scss" scoped>
.divider {
    height: v-bind(dividerHeight);
    border: 1px solid var(--el-border-color-lighter);
    cursor: col-resize;
}
</style>
